import Vue from 'vue' //引入vue实例
import VueRouter from 'vue-router' //引入路由
import App from './App.vue'   //引入父组件
import VueResouce from 'vue-resource' //引入resource（用于请求数据）
//引入tab切换的模板
import goods from './components/goods/goods.vue'
import ratings from './components/ratings/ratings.vue'
import seller from './components/seller/seller.vue'
//挂载路由（全局注册路由）
 Vue.use(VueRouter);
//（全局注册resource  用于请求数据）
Vue.use(VueResouce);
//1.定义路由  每个路由应该映射一个组件
const routes = [
  { path: '/goods', component: goods },
  { path: '/ratings', component: ratings },
  { path: '/seller', component: seller }
];
//2.创建router实例
const router = new VueRouter({
  routes,// (缩写) 相当于 routes: routes
  //将默认的router-link-active 的值用active代替
  linkActiveClass:'active'// 设置class属性
});
//3. 创建和挂载根实例。
new Vue({
  router,
  //components: { App }//vue1.0的写法
  render: h=>h(App) //vue2.0的写法 render函数是渲染一个视图，然后提供给el挂载，如果没有render那页面什么都不会出来
}).$mount('#app')
//router.push('/goods');//用来动态导航到不同的链接的。


